@import "tailwindcss";

@theme {
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
}

:root {
  --background: #fdfbf7; /* Paper White (Rice Paper) */
  --foreground: #1a1a1a; /* Ink Black */
  
  /* Ink Wash Palette */
  --ink-black: #1a1a1a;    /* Deepest Ink */
  --ink-dark: #333333;     /* Dark Ink */
  --ink-medium: #666666;   /* Medium Ink */
  --ink-light: #999999;    /* Light Ink */
  --wash-gray: #e6e6e6;    /* Wash/Water */
  --paper-white: #fdfbf7;  /* Rice Paper Background */
  --seal-red: #b91c1c;     /* Traditional Seal Red */
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
    
    /* Invert for dark mode if needed, but Ink Wash is traditionally light. 
       For now, keeping a high contrast dark mode or maybe a "Night Ink" look. */
    --paper-white: #0a0a0a;
    --ink-black: #ededed;
    --ink-dark: #cccccc;
    --ink-medium: #888888;
    --ink-light: #444444;
    --wash-gray: #222222;
  }
}

body {
  background: var(--paper-white);
  color: var(--ink-black);
  font-family: "Noto Serif SC", serif, system-ui, -apple-system, sans-serif; /* Use Serif for traditional feel */
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");
}

/* Utility for ink spread effect */
.ink-spread {
  filter: url('#ink-spread-filter');
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: var(--ink-light);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--ink-medium);
}
